﻿<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />

    <title></title>
</head>
<body class="container select-type-body">
    <header class="row header usrpage-header" id="header">
        <a class="pull-left header-btn" href="goodsdetail.html"><span class="icon2 icon2-back"><span class="sr-only">返回</span></span></a>
        <h1>规格选择</h1>
    </header>
    <main class="main">
        <article class=" goods-show-s2  clearfix">
            <div class="lists-item-s2-img"><img src="images/example3.jpg" /></div>
            <div class="goods-show-s2-info">
                <h5>原木质 创意台灯 床头灯卧室简约现代 可调光</h5>
                <h6 class="mute">原木质创意台灯 卧室床头灯可调光简约现代</h6>
                <div class="item-price h4">
                    <span>商城价:<big>$<span id="">112</span></big></span>
                    <small class="muter"><del>市场价:$<span id="">321</span></del></small>
                </div>
            </div>
        </article>
        <article class="type-selecter-set">
            <section>
                <h5 class="green-87">颜色分类</h5>
                <ul class="types-container clearfix" role="radiogroup">
                    <!--浅灰白:btn-lgray 绿btn-gree 无法点disabled-->
                    <li role="radio"><a href="#" class="btn btn-lgray btn-sm disabled">无法选</a></li>
                    <li role="radio"><a class="btn btn-green btn-sm">选中的</a></li>
                    <li role="radio"><a class="btn btn-lgray btn-sm">可选的</a></li>
                </ul>
            </section>
            <section>
                <h5 class="green-87">再来一个</h5>
                <ul class="types-container clearfix" role="radiogroup">
                    <li role="radio"><a class="btn btn-green btn-sm">选中的</a></li>
                    <li role="radio"><a class="btn btn-lgray btn-sm">可选的</a></li>
                    <li role="radio"><a href="#" class="btn btn-lgray btn-sm disabled">无法选</a></li>
                </ul>
            </section>
            <section>
                <h5 class="green-87">数量</h5>
                <div class="cItem-quantity">
                    <div id="" class="cItem-quantity-btn" role="button"><span class="icon2 icon2-decrease"></span></div>
                    <div id="" class="cItem-num" role="log">2</div>
                    <div id="" class="cItem-quantity-btn" role="button"><span class="icon2 icon2-plus"></span></div>
                </div>
                <small class="mute">库存: <span>123</span>件</small>
            </section>
        </article>
        <section class="fix-to-bottom p-10">
            <h5 class="text-align-rig mute">总价: <big class="green-87">$<span>1000</span></big></h5>
            <a href="confirm.html" class="btn btn-green btn-lg btn-block"><span><span class="icon4 icon4-yuan"></span>立即购买</span></a>
        </section>
    </main><!--main-->


</body>
</html>
